* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    font-family: "微软雅黑", sans-serif;
    font-size: .35rem;

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    .clear::after {
        content: "";
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }
}

.header {
    height: 1.33rem;
    background-color: #ff841d;
    padding: .13rem;
    text-align: center;

    a {
        float: left;
        margin-top: 0;
        font-size: .8rem;
        color: #ffffff;
    }

    h4 {
        float: left;
        margin-left: 1.33rem;
        font-size: .53rem;
        line-height: 1.1rem;
        font-weight: bolder;
        color: #ffffff;
    }

    div {
        float: right;
        margin-top: .1rem;

        a>img {
            width: .91rem;
            height: .91rem;
        }
    }
}

.footer {
    .footmore {
        background-color: #f4f4f4;
        padding: .27rem;

        a {
            display: block;
            font-size: .35rem;
            line-height: .8rem;
            text-align: center;
            border-radius: .13rem;
            border: .03rem solid #dddddd;
            background-image: linear-gradient(#ffffff, #f4f4f4);
        }
    }

    .chart {
        background-color: #ff9000;
        margin-top: .13rem;
        margin-bottom: .16rem;

        span:nth-of-type(1) {
            color: #fff;
            display: block;
            font: bolder .48rem /.93rem "Microsoft soft";
            padding-left: .27rem;
            float: left;
        }

        span:nth-of-type(2) {
            line-height: .93rem;
            padding-right: .27rem;
            float: right;
            margin-top: .27rem;

            img {
                width: .53rem;
                height: .53rem;
            }
        }
    }

    .footrow {
        text-align: center;
        margin-top: .4rem;

        a {
            width: 25%;
            float: left;
            display: block;
            height: .88rem;
            line-height: .88rem;
            text-align: center;
            font-size: .37rem;
            border: .03rem solid #c4c4c4;
        }

        a:nth-last-of-type(2) {
            border-left: 0px;
        }

        a:nth-last-of-type(1) {
            width: 48.9%;
            border-left: 0px;
        }
    }

    .footbottom {
        text-align: center;

        p {
            font-size: .35rem;
        }

        p:nth-last-of-type(2) {
            margin-top: .27rem;
            margin-bottom: .27rem;
        }

        p:nth-last-of-type(1) {
            margin-bottom: .53rem;
        }
    }

}

.product {
    ul {
        li {
            padding: .27rem  .21rem;
            background-color: #fff;
            margin-bottom: .13rem;
          

            a {
                display: block;

                .img {
                    img {
                        width: 3.6rem;
                        height: 3.47rem;
                        padding-right: .27rem;
                    }
                }

                .infor {
                    padding-left: 3.6rem;

                    .info-title {
                        h4 {
                            color: black;
                            word-break: break-all;
                            font-size: .48rem;
                            text-overflow: ellipsis;
                            line-height: .51rem;
                            min-height: .8rem;
                            text-align: left;
                            font-weight: normal;
                        }

                        .price {
                            font-size: .64rem;
                            color: #fc353a;

                            del {
                                font-size: .32rem;
                                color: #ccc;
                            }
                        }
                    }

                    .down {
                        .bar2 {
                            display: inline-block;
                            margin-top: .13rem;
                            width: 120px;
                            border: .03rem solid #fc353a;
                            border-radius: .27rem;
                            background-color: #ffb7b7;
                            overflow: hidden;

                            .bar_in {
                                border-radius: .27rem;
                                height: .53rem;
                                line-height: .53rem;
                                font-size: .32rem;
                                width: 0;
                                background-color: #fc353a;
                                color: #ffffff;
                                text-align: center;
                                font-weight: bold;
                            }
                        }

                        .yiling {
                            color: #fc353a;
                            margin-left: .13rem;
                            font-weight: bold;
                        }

                        .click {
                            margin-top: .27rem;

                            .clickleft {
                                float: left;
                                border: .03rem dotted #fc353a;
                                height: .67rem;
                                color: #fc353a;
                                text-align: center;
                                line-height: .67rem;
                                width: 4rem;
                                cursor: pointer;
                            }

                            .clickright {
                                display: block;
                                float: right;
                                border: 1px solid #fc353a;
                                background-color: #fc353a;
                                height: .8rem;
                                color: #ffffff;
                                text-align: center;
                                line-height: .8rem;
                                width: 2.13rem;
                                border-radius: .27rem;
                                cursor: pointer;
                            }
                        }
                    }
                }
            }
        }
    }
}